<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>24_总结</title>
    </head>
    <body>
        <!-- 文本对齐方式：
                水平对齐
                    text-align：left center right
                垂直对齐
                    div中有span 和 img（小）
                        默认是基线和图片的底部对齐
                        middle是图片或者span的中间和父元素的基线+x/2的高 对齐
                        top是图片和字体框的顶部对齐
                        bottom是图片和字体框的底部对齐
                    div中有span 和 img（大）
                        默认是基线和图片的底部对齐
                        middle是图片或者span的中间和父元素的基线+x/2的高 对齐
                        top是图片和字体框的顶部对齐
                        bottom是图片和字体框的底部对齐

                        字体框会变大
                
            
        
        
        -->
    </body>
</html>